.nav {
  border-bottom-color: #c40000;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  height: 48px;
}
.dropdown div:nth-of-type(1) {
  width: 210px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #f1f1f1;
  font-size: 16px;
  background-color: #c40000;
}
.dropdown {
  float: left;
  width: 212px;
  padding-left: 2px;
  background-color: #c81623;
}
.dropdown a {
  color: #f1f1f1;
  font-size: 14px;
  display: block;
  padding-left: 14px;
  padding-right: 10px;
  line-height: 32px;
}
.dropdown a::after {
  font-family: "icomoon";
  content: "\e920";
  line-height: 32px;
  float: right;
}
.dropdown a:hover {
  background-color: #f1f1f1;
  color: #c40000;
}

.nav_item {
  margin-left: 10px;
  float: left;
  height: 48px;
  line-height: 48px;
  width: 724px;
}
.nav_item li {
  float: left;
}
.nav_item li a {
  padding: 0 28px;
  font-size: 14px;
}

main {
  width: calc(100% - 210px);
  height: 468px;
  margin-left: 222px;
  margin-top: 12px;
}

main .banner {
  width: 721px;
  height: 468px;
}

main .banner img {
  height: 100%;
  width: 724px;
}

main .main_right {
  width: 250px;
  height: 468px;
  /* background-color: red; */
}

.main-right-top {
  width: 100%;
  height: 374px;
  /* border: 1px solid #f1f1f1; */
}
.main-right-top-title {
  line-height: 34px;
  height: 34px;
  border-bottom: 1px dashed #f1f1f1;
  padding: 0 12px;
}
.main-right-top-title a::after {
  display: inline-block;
  line-height: 34px;
  font-family: "icomoon";
  content: "\e920";
}

.news-bd {
  height: 146px;
  padding: 12px 12px;
  /* border-bottom: 1px solid #f1f1f1; */
}
.news-bd li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.news-bd li a {
  line-height: 26px;
  font-size: 14px;
}
.main-right-item {
  margin-left: 1px;
}
.main-right-item li {
  float: left;
  width: 60px;
  height: 65px;
  /* background-color: pink; */
  border: 1px solid #f1f1f1;
  margin-left: -1px;
  margin-top: -1px;
  text-align: center;
}
.main-right-item li i {
  display: inline-block;
  height: 26px;
  width: 20px;
  margin-top: 6px;
}
.main-right-item li:nth-of-type(1) i {
  background: url(../images/icons.png) no-repeat -19px -15px;
}
.main-right-item li:nth-of-type(2) i {
  background: url(../images/icons.png) no-repeat -80px -15px;
}
.main-right-item li:nth-of-type(3) i {
  background: url(../images/icons.png) no-repeat -19px -15px;
}
.main-right-item li:nth-of-type(4) i {
  background: url(../images/icons.png) no-repeat -19px -15px;
}
.main-right-item li:nth-of-type(5) i {
  background: url(../images/icons.png) no-repeat -19px -15px;
}
.main-right-item li:nth-of-type(6) i {
  background: url(../images/icons.png) no-repeat -19px -15px;
}
.main-right-item li:nth-of-type(7) i {
  background: url(../images/icons.png) no-repeat -19px -15px;
}
.main-right-item li:nth-of-type(8) i {
  background: url(../images/icons.png) no-repeat -19px -15px;
}
.main-right-item li:nth-of-type(9) i {
  background: url(../images/icons.png) no-repeat -19px -15px;
}
.main-right-item li:nth-of-type(10) i {
  background: url(../images/icons.png) no-repeat -19px -15px;
}
.main-right-item li:nth-of-type(11) i {
  background: url(../images/icons.png) no-repeat -19px -15px;
}
.main-right-item li:nth-of-type(12) i {
  background: url(../images/icons.png) no-repeat -19px -15px;
}

.main-right-img {
  width: 238px;
  height: 84px;
  margin-top: 10px;
}
.recom {
  background-color: #ebebeb;
  height: 165px;
  margin-top: 10px;
}

.recom-left {
  width: 212px;
  height: 100%;
  line-height: 165px;
  background-color: #5c5251;
  text-align: center;
  color: white;
  font-size: 16px;
}

.recom-left img {
  vertical-align: middle;
}

.recom-right {
  padding: 10px 0;
  height: 100%;
}

.recom-right li {
  float: left;
  width: 240px;
  height: 144px;
}

.recom-right ul li:nth-child(-n + 3) {
  border-right: 1px solid #dddddd;
}

footer {
  height: 418px;
  background-color: #f5f5f5;
  margin-top: 16px;
}

.footer-hd {
  height: 110px;
  border-bottom: 1px solid #ddd;
}
.footer-hd li {
  position: relative;
  float: left;
  width: 240px;
  height: 110px;
}
.footer-hd li i {
  position: absolute;
  height: 54px;
  width: 50px;
  top: 50%;
  margin-top: -27px;
  left: 38px;
}
.footer-hd li:nth-child(1) i {
  background: url(../images/icons.png) no-repeat;
  background-position: -252px 0px;
}
.footer-hd li:nth-child(2) i {
  background: url(../images/icons.png) no-repeat;
  background-position: -254px -52px;
}
.footer-hd li:nth-child(3) i {
  background: url(../images/icons.png) no-repeat;
  background-position: -256px -103px;
}
.footer-hd li:nth-child(4) i {
  background: url(../images/icons.png) no-repeat;
  background-position: -257px -155px;
}
.footer-hd li:nth-child(5) i {
  background: url(../images/icons.png) no-repeat;
  background-position: -255px -206px;
}

.footer-hd li div {
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: 92px;
}
.footer-bd {
  height: 188px;
  border-bottom: 1px solid #ddd;
  margin-top: 16px;
}
.footer-hd-item strong {
  font-size: 16px;
}
.footer-hd-item {
  float: left;
  width: 200px;
  padding-left: 40px;
}
.footer-hd-item li {
  padding: 4px 0;
}
.footer-hd-item-last {
  text-align: center;
}
.footer-hd-item-last strong {
  font-size: 16px;
}
.footer-hd-item-last li {
  padding: 4px 0;
}
.footer-hd-item-last img {
  height: 100px;
}
.footer-bottom {
  width: 964px;
  margin: auto;
}
.footer-bottom li {
  margin-top: 12px;
  float: left;
  padding: 0 8px;
}

.footer-bottom p {
  text-align: center;
  padding-top: 16px;
}
